<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Login - Ngũ hổ airline</title>
        <link rel="stylesheet" href="<?php echo base_url(); ?>css/bootstrap.css" type="text/css"/>
        <link rel="stylesheet" href="<?php echo base_url(); ?>css/flat-ui.css" type="text/css"/>        
        <script type="text/javascript" src="<?= base_url() ?>js/1.7.2.jquery.min.js"></script>
        <script type="text/javascript" src="<?= base_url() ?>js/bootstrap.min.js"></script>
    </head>
    <style>
        .lonin_page{
            width: 100%;
            height: 100%;
        }
        .login-screen{
            width: 100%;
            height: 100%;
        }
        /*body{
            width:1366px;
            height: 650px;
        }*/
        .login-content{
            float: left;
            width: 600px;
            height: 250px;
        }
        .login-icon{
            width: 150px !important;
        }
    </style>
    <body style="overflow: hidden;">
        <div class="lonin_page">
        <div class="login-screen">
          <div class="login-content">
                <div class="login-icon col-sm-3">
                    <img src="<?=base_url();?>image/Airline-Mode-icon.png" alt="Welcome to Mail App" />
                  <h4>Welcome<small>Employees</small></h4>
                </div>

                <div class="login-form col-sm-9">
                  <?php echo form_open('nhanvien/login');?>
                  <div class="form-group">
                      <input type="text" class="form-control login-field" value="<?php set_value('username');?>" placeholder="Enter your name" id="login-name" name="username" />
                    <label class="login-field-icon fui-user" for="login-name"></label>
                  </div>

                  <div class="form-group">
                      <input type="password" class="form-control login-field" value="<?php set_value('password');?>" placeholder="Password" id="login-pass" name="password"/>
                    <label class="login-field-icon fui-lock" for="login-pass"></label>
                  </div>
                  <?php echo form_error('password', '<p class="text-danger" style="font-size:15px;text-align: center">', '</p>'); ?>
                  <input type="submit" class="btn btn-primary btn-lg btn-block" value="Log in">
                  <?php echo form_close();?>
                  <a class="login-link" href="#">Lost your password?</a>
                </div>
            </div>
        </div>
      </div>
        <script>
            $(function(){
                   var width = $(window).width();
                   var height = $(window).height();
                   $('body').width(width);
                   $('body').height(height);
                   var left=(width-600)/2-50;
                   var top=(height-250)/2;
                   var styles = {
                                    marginLeft: (left>0)? left:0 + "px",
                                    marginTop: (top>0)? top:0 + "px", 
                                  };
                   $('.login-content').css(styles);
                   $(window).resize(function(){
                        var width = $(window).width();
                        var height = $(window).height();
                        $('body').width(width);
                        $('body').height(height);
                        var left=(width-600)/2-50;
                        var top=(height-250)/2;
                        var styles = {
                                         marginLeft: (left>0)? left:0 + "px",
                                         marginTop: (top>0)? top:0 + "px", 
                                       };
                        $('.login-content').css(styles);
                   });
            });
        </script>
    </body>
</html>
